<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Pilot-Chart</title>

    <link rel="stylesheet" href="css/pilot-chart.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <script src="./css/iconfont.js"></script>
    <script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
    <!-- <script src="https://cdn.bootcss.com/knockout/3.5.0-rc2/knockout-min.js"></script> -->
    <script src="https://cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script>
    <script src="js/vender/moment.min.js"></script>
    <script src="js/vender/moment-timezone-with-data.min.js"></script>
    <script src="./js/vender/highstock.src.js"></script>
    <script src="./js/vender/Rx.min.js"></script>
    <script src="./js/vender/highcharts-more.src.js"></script>
    <script src="http://cdn.highcharts.com.cn/highstock/modules/exporting.js"></script>
</head>

<body style="overflow: hidden; " onfocus="document.getElementById('highChartsContainer').focus();">

    <div class="pilotchart-wrapper">
        <div class="pilotchart-nav">
            <div class="pilotchart-nav-left">
                <div class=""><span id="chart-title" class="chart-title"></span> 
                    <!-- <span class="chart-title-percent">75%</span> -->
                </div>
                <div class="">
                    <input class="timeSeries" id="timeSerieStart" type="text" value="09/30/2018" />
                    <span class="timeSeries-span">&nbsp;-&nbsp;</span>
                    <input class="timeSeries" id="timeSerieEnd" type="text" value="03/30/2019" />
                    <!-- <select class="timeSeries-select">
                        <option value="intelligent">Intellgent Axis</option>
                        <option value="shared">Shared Axis</option>
                        <option value="own">Own Axis</option>
                    </select> -->
                    <select id="select_chartType" class="timeSeries-select">
                        <option value="line">line</option>
                        <option value="ohlc">ohlc</option>
                        <option value="candlestick">candlestick</option>
                    </select>
                    <select id="select_dataInterval" class="timeSeries-select">
                            <option value="60000">1 min</option>
                            <option value="120000">2 mins</option>
                            <option value="0">tick</option>
                    </select>
                </div>
            </div>
            <div class="pilotchart-nav-right">
                <div class="update-time-div"> 
                    <span class="update-time-lable"> Last Update </span> 
                    <span id="update-time-value" class="update-time-value">18 Oct 13:00 </span> 
                </div>
                <div class="button-group range-selector"> 
                    <span menu-count="1" menu-type="day" >1D</span>
                    <span menu-count="3" menu-type="day" >3D</span>
                    <span menu-count="1" menu-type="month" >1M</span>
                    <span menu-count="6" menu-type="month" >6M</span>
                    <span menu-count="1" menu-type="ytd">YTD</span>
                    <span menu-count="1" menu-type="year" >1Y</span>
                    <span menu-count="5" menu-type="year" >5Y</span>
                    <span menu-count="1" menu-type="all" menu-label="Full" >All</span>
                </div>
            </div>
        </div>
        <div id="highChartsContainer"></div>
    </div>
    <div class="error-logs">
        <li>
            <span>f5.c1.p</span><span>Missing data for f5.c1.p</span><span>4003</span>
        </li>
    </div>


    <script type="text/javascript" src="js/charting-utils.js"></script>
    <script src="js/plugins/draggable-legend.js"></script>
    <script src="js/plugins/current-price-indicator.js"></script>
    <script src="js/plugins/scalable-yaxis.js"></script>
    <script src="js/plugins/zoomout-selection.js"></script>
    <script src="js/plugins/value-in-legend.js"></script>
    <script src="js/plugins/highcharts-extends.js"></script>
    <script type="text/javascript" src="js/charting-connection.js"></script>
    <script type="text/javascript" src="js/charting-request.js"></script>
    <script type="text/javascript" src="js/charting-data-provider.js"></script>
    <script type="text/javascript" src="js/charting-controller.js"></script>
    <script type="text/javascript" src="js/charting-percentile.js"></script>
    <script type="text/javascript" src="js/charting-intelligent-axis.js"></script>
    <script type="text/javascript" src="js/charting-options.js"></script>
    <script type="text/javascript" src="js/pilot-charting.js"></script>
    <script type="text/javascript" src="js/plugins/bloomberg-axis.js"></script>
    <script type="text/javascript" src="js/charting-legend.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/charting-menu.js"></script>
    <script type="text/javascript" src="js/charting-electron.js"></script>
    <script type="text/javascript" src="js/mock-data.js"></script>
    <script type="text/javascript" src="js/test-mock.js"></script>
    <script type="text/javascript" src="js/test-main.js"></script>
    <!-- <script>
        if (window.module) module = window.module;
    </script> -->
</body>

</html>